<?php
$mobile = !!(FALSE !== strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobile'));
?>

<!DOCTYPE html>
<html>
<head>
    <title>A2XGAMES</title>
    <?php if($mobile == 0) {?>
        <style>
            body {margin: 0; padding: 0;}
            #google_link {
                position: absolute;
                margin-top: 795px;
                margin-left: 55px;
                width: 255px;
                height: 91px;
            }
            #ios_link {
                position: absolute;
                margin-top: 795px;
                margin-left: 382px;
                width: 265px;
                height: 87px;
            }
            #coupon_txt {
                position:absolute;
                text-align: center;
                font-size: 40px;
                font-weight: bold;
                margin-top: 10px;
                margin-left: 381px;
                width: 300px;
                height: 50px;
            }
            #out {
                width: 100%;
            }
            #content {
                background: url("img/studhomme_background.png");
                background-size:690px;
                background-repeat:no-repeat;
                width: 690px;
                height: 970px;
                margin: 0 auto;
            }
        </style>
    <?php }?>

    <?php if($mobile > 0) {?>
        <style>
            body {margin: 0; padding: 0;}
            #google_link {position: absolute; top : 1124px; left: 75px; width: 370px; height: 140px;}
            #ios_link {position: absolute; top : 1124px; left: 540px; width: 380px; height: 140px;}
            #coupon_txt {
                position:absolute;
                text-align: center;
                font-size: 58px;
                font-weight: bold;
                width: 420px;
                height: 80px;
                top: 4px;
                left: 545px;
            }
            #out {
                width: 100%;
            }
            #content {
                background: url("img/studhomme_background.png");
                background-size: 980px;
                background-repeat: no-repeat;
                width: 980px;
                height: 1324px;
                margin: 0 auto;
            }
        </style>
        <?php if(stripos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== false) { ?>
            <style>
                #coupon_txt {padding-top: 5px;}
            </style>
        <?php } ?>
    <?php }?>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        });
    </script>
</head>
<body>
<div id="out">
    <div id="content">
        <!-- 쿠폰 아이디 -->
        <div id="coupon_txt">24eapvx2s33f</div>

        <a href="https://play.google.com/store/apps/details?id=air.edlll.com.a2xgames.A2XPuzzleKaKao">
            <div id="google_link"></div>
        </a>
        <a href="https://itunes.apple.com/kr/app/id849067945">
            <div id="ios_link"></div>
        </a>
    </div>
</div>
</body>
</html>
